<template>
    <div class="showRet">
        <div class="icon">
            <img src="@/assets/img/base/success.png" alt="" class="showImg">
        </div>
        <div class="title">恭喜您，提交成功</div>
        <div class="desc">这是一段描述这是一段描述这是一段描述这是一段描述这是一段描述</div>
        <div class="butt">
            <van-button plain hairline type="info" round size="large" @click="knows">我知道了</van-button>
        </div>
    </div>
</template>

<script>

export default {

    methods: {
        knows() {
            this.$emit("commit");
        }
    }
}
</script>

<style lang="scss" scoped>
.showRet {
    .icon {
        padding-top: 100px;
        .showImg {
            width: 100px;
            display: block;
            margin: auto;
        }
    }
    .title {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        text-align: center;
        padding: 20px 0;
    }
    .desc {
        font-size: 16px;
        color: #999;
        text-align: center;
        padding: 20px 20px;
    }
    .butt {
        padding: 0 20px;
    }
}
</style>